@media screen and (max-width: 1280px) {
    .sideline {
        width: 165px !important;
    }

    .tablenum {
        font-size: 20px;
    }
}

@media screen and (max-width: 940px) {
    #btn {
        display: block !important;
        width: 100px;
    }

    #btn:hover {
        transform: scale(102%);
    }

    .sideline:hover {
        transform: scale(105%);
    }

    #ongoingOrders {
        margin-top: 14% !important;
    }

    .footer {
        min-width: 940px;
    }

    a {
        line-height: normal;
    }

    .tablenum {
        font-size: 30px;
    }

    .sideline {
        width: 337px !important;
        margin: 30px 15px !important;
    }
}

@media screen and (max-width: 823px) {
    #ongoingOrders {
        margin-top: 14% !important;
    }

    .sideline {
        width: 720px;
        cursor: pointer;
        border: 0;
    }

    #btn {
        width: 100px;
        display: block !important;
    }

    #btn:hover {
        transform: scale(102%);
    }

    .sideline:hover {
        transform: scale(105%);
    }

    .footer {
        min-width: 1483px;
        bottom: 0;
        margin: 0;
    }

    .tablenum {
        font-size: 20px;
    }
}

@media screen and (max-width: 850px) {
    .res {
        display: none !important;
    }

    .response {
        display: block !important;
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    #ongoingOrders {
        margin-top: 18% !important;
    }

    .tablenum {
        font-size: 30px;
    }
}